<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>Demo HTML</title>

<link rel="stylesheet/less" href="public/css/style.less" />
<link rel="stylesheet" href="public/css/font-awesome.css"/>
<link rel="stylesheet" href="public/css/jquery.fanmenu.css"/>
<script src="public/js/less-1.5.0.min.js"></script>
<script src="public/js/jquery-1.11.0.min.js"></script>
<script src="public/js/jquery.fanmenu.js"></script>
</head>
<body>
<header>
  <a href="#" class="btn-back">
    <i class="fa fa-angle-left"></i>
  </a>

  <h2>资讯活动</h2>
</header>
<section class="section-pb">
   <div class="news-show">
    <h1>紫金文化品鉴会6月5日完满落幕</h1>
    <cite>发布于：2014-04-18</cite>
    <div class="content">
      <p>相信团队会是你可以信赖和依靠的力量，也坚信自己能够为团队带来新的超越；如果你力，不骄躁，愿意学习新知识，新技术；如果你也跟我们一样信奉：技术和知识的价值在于帮助用户有效的解决其面临的问题；那么，欢迎加入我们。</p>

      <p>相信团队会是你可以信赖和依靠的力量，也坚信自己能够为团队带来新的超越；如果你力，不骄躁，愿意学习新知识，新技术；如果你也跟我们一样信奉：技术和知识的价值在于帮助用户有效的解决其面临的问题；那么，欢迎加入我们。</p>

      <div class="join">
        <h2>活动报名</h2>
        <cite>截止时间：2014-08-30</cite>
        <form action="#">
          <div class="form-group cc">
            <label>姓名：</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写您的姓名">
            </div>
          </div>

          <div class="form-group cc">
            <label>性别：</label>
            <div class="control">
              <select name="" >
                <option value="">男</option>
                <option value="">女</option>
              </select>
            </div>
          </div>

          <div class="form-group cc">
            <label>电话：</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写您的电话">
            </div>
          </div>

          <div class="form-group cc">
            <label>职业：</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写您的职业">
            </div>
          </div>

          <div class="form-group cc">
            <label>人数：</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写参考人数">
            </div>
          </div>

          <div class="form-group cc">
            <div class="control control-v2">
              <button type="submit" class="btn btn-default">确 定</button>
            </div>
          </div>

        </form>
      </div>
    </div>
  </div>
</section>
<footer>
  <p>&copy; 金红紫英房地产   TEL：0573-82956666</p>
  
</footer>
<div id='path-menu' class="fm_wrap" >
  <a class="fm_btntoggle" href="#" title="Toggle"><i>+</i></a>
  <ul class="fm_list">
      <li><a href="#"><i class="fa fa-home"></i></a></li>
      <li><a href="#"><i class="fa fa-gift"></i></a></li>
      <li><a href="#"><i class="fa fa-phone"></i></a></li>
      <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
  </ul>
</div>

<script type="text/javascript">
  $(function(){

    $('.drop-down h2 a').click(function(){
      var ele = $(this);
      if(ele.hasClass('down')){
        ele.parent().parent().find('.content').slideDown();
        ele.removeClass('down');
        ele.addClass('up');
        ele.html('-')
      }else{
        ele.parent().parent().find('.content').slideUp();
        ele.removeClass('up');
        ele.addClass('down');
        ele.html('+')
      }

      return false;
    })

    $("#path-menu").fanmenu({
        'initAngle':-5,
        'angleDisplay' : 90,
        'radius':100,
        'hideOnClick':true
    });

  })
</script>

</body>
</html>